import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface CloseCuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const CloseCuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: CloseCuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M5.42 4.676c-.282.073-.54.286-.683.564-.097.19-.097.607.002.82.05.11.968 1.057 2.957 3.05L10.579 12l-2.883 2.89c-1.989 1.993-2.907 2.94-2.957 3.05-.105.226-.099.63.01.84.182.348.503.553.871.555.475.003.302.154 3.47-3.009L12 13.421l2.89 2.885c1.59 1.587 2.951 2.916 3.025 2.953.455.229 1.046.045 1.312-.407.097-.165.113-.234.112-.492 0-.212-.022-.341-.074-.44-.04-.077-1.372-1.441-2.959-3.03L13.42 12l2.867-2.87c2.021-2.025 2.892-2.923 2.957-3.05.116-.23.125-.633.019-.84a1.234 1.234 0 0 0-.483-.491c-.227-.118-.617-.115-.86.007-.127.065-1.026.936-3.05 2.958L12 10.58 9.13 7.714C7.238 5.824 6.204 4.82 6.096 4.766c-.189-.094-.502-.136-.676-.09"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
